<template>
    <div class="container">
        <div>
            <van-nav-bar title="设置"  left-arrow @click-left="onClickLeft" />
        </div>
        <div>
            <van-swipe-cell>
                <van-cell title="微信密码" is-link arrow-direction="right" class="myorder" @click="changePwd">
                </van-cell>
                <van-cell title="帮助与反馈" is-link arrow-direction="right" class="myorder">
                </van-cell>
                <div class="center-wrapper">
                    <button class="logout" @click="logout">退出登录</button>
                </div>
            </van-swipe-cell>
        </div>
    </div>
</template>
<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
function changePwd() {
    router.push('/toeditpwd')
}
function logout() {
    router.push('/relogin')
}

const onClickLeft = () => {
    router.push('mine')
};
</script>
<style scoped>
.container {
    background-color: #faf8f8;
    height: 200vh;
}

.center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logout {
    width: 100px;
    height: 40px;
    border: none;
    margin-top: 20px;
    background-color: #1aad19;
    color: white;
    border-radius: 5px;
}
</style>